<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CKFinder User's Guide</title>
    <link href="../../files/other/help.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="../../files/other/help.js"></script>
    <meta name="robots" content="noindex, nofollow"/>
</head>
<body>
<h1>
    Settings Button</h1>

<p>
    The <strong>Settings</strong> button that is available in the CKFinder
    <strong><a href="005.html">Toolbar</a></strong> opens the
    <strong>Settings Pane</strong> where you can configure and customize
    CKFinder.</p>

<p>The figure below presents the file browser <strong>Settings Pane</strong>
    that is expanded when you click the toolbar button.</p>

<p style="text-align: center">
    <img src="../../files/images/CKFinder_settings.png" width="580" height="233" alt="CKFinder Settings Pane"/>&nbsp;
</p>

<p>
    All settings are saved automatically by using Internet browser "cookies".
    "Cookies" are small files that store private configuration information
    for specific isteps on your computer.</p>

<p>
    In order to close (collapse) the <strong>Settings Pane</strong>, press
    the <strong>Close</strong> button or click the <strong>Settings</strong>
    toolbar button once again.</p>

<h2>
    CKFinder Configuration Options</h2>

<p>
    All configuration options pertain to the <strong><a href="004.html">Files Pane</a>
</strong> and control the way the files are displayed in CKFinder. The
    <strong>Files Pane</strong> will react immediately to changes introduced
    in the <strong>Settings Pane</strong>.</p>

<h3>
    View</h3>

<p>
    Sets the view mode in the <strong>Files Pane</strong>:</p>
<ul>
    <li><strong>Thumbnails</strong> &ndash; this mode will display each file in a
        box (frame). For images a small preview (called a <em>thumbnail</em>) will
        be displayed inside the box. For other files an icon will be available
        instead.
    </li>
    <li><strong>List</strong> &ndash; this mode will display all files in a list.
        No image previews are available in this mode.
    </li>
</ul>
<h3>
    Display</h3>

<p>
    Sets the amount of information available in the <strong>Files Pane</strong>.
    The following options can be turned on and off:</p>
<ul>
    <li><strong>File Name</strong> &ndash; displays the file name, along with its
        extension.
    </li>
    <li><strong>Date</strong> &ndash; displays the last file modification date.</li>
    <li><strong>File Size</strong> &ndash; displays the file size, in kilobytes.</li>
</ul>
<p>If you are using the <strong>Thumbnails</strong> view mode, you can deselect all
    options. In the <strong>List</strong> mode the file name will always be displayed.</p>

<p>The image below presents various display options as viewed in the
    <strong>Thumbnail</strong> mode.</p>
<table align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td valign="top" style="padding-left: 10px">
            <img src="../../files/images/CKFinder_file_display_04.png" width="122" height="112"
                 alt="File displayed in Thumbnails mode without file name, size, and modification date"/></td>
        <td valign="top" style="padding-right: 10px; padding-left: 10px">
            <img src="../../files/images/CKFinder_file_display_03.png" width="122" height="128"
                 alt="File displayed in Thumbnails mode with file name only"/></td>
        <td valign="top" style="padding-right: 10px; padding-left: 10px">
            <img src="../../files/images/CKFinder_file_display_02.png" width="122" height="142"
                 alt="File displayed in Thumbnails mode with file name and modification date"/></td>
        <td valign="top" style="padding-right: 10px">
            <img src="../../files/images/CKFinder_file_display_01.png" width="122" height="158"
                 alt="File displayed in Thumbnails mode with file name, size, and modification date"/></td>
    </tr>
</table>
<h3>
    Sorting</h3>

<p>
    Sets the order in which the files will be listed. The following options are available:</p>
<ul>
    <li><strong>By File Name</strong> &ndash; sorts the files alphabetically according to
        their names.
    </li>
    <li><strong>By Date</strong> &ndash; sorts the files by the last modification date, with
        newest displayed first.
    </li>
    <li><strong>By Size</strong> &ndash; sorts the files by their size, with largest displayed
        first.
    </li>
    <li><strong>By Extension</strong> &ndash; sorts the files first alphabetically by their
        extension, and then alphabetically according to their names.
    </li>
</ul>
</body>
</html>
